<template>


    <dv-border-box12 class="right-buttom"  :animate="true">
        <div class="right-buttom-box1">
         <div class="box1-title">故障信息展示</div>
         </div>
         <div class="right-buttom-box2">
         <div class="board">
            <dv-scroll-board :config="config" style="width:100%;height:100%"  />
         </div>
        </div>
    </dv-border-box12>


</template>
<script setup>
const config = reactive({
  header: ['时间', '设备', '状态'],
  data: [
    ['2024-09-25 18:30:30', '充电桩', '上线'],
    ['2024-09-25 18:30:30', '充电桩', '正常'],
    ['2024-09-25 18:30:30', '充电桩', '正常'],
    ['2024-09-25 18:30:30', '充电桩', '正常'],
    ['2024-09-25 18:30:30', '充电桩', '充电'],
    ['2024-09-25 18:30:30', '充电桩', '离线'],
    ['2024-09-25 18:30:30', '充电桩', '离线'],
    ['2024-09-25 18:30:30', '充电桩', '离线'],
    ['2024-09-25 18:30:30', '充电桩', '离线'],
    ['2024-09-25 18:30:30', '充电桩', '离线'],
  ],
  index: false,
  columnWidth: [200,,200,200],
  headerHeight:30,
  headerBGC:'#32c5e9',
  align: ['center'],
  hoverPause:true
})


</script>

<style scoped>
.right-buttom {
    width: 100%;
    height: 440px;
}

.right-buttom-box1 {

    height: 40px;
}

.box1-title {
    padding-top: 20px;
    margin: 0 20px;
}

.board {
   
    padding-top: 10px;
    margin: 0 20px;
    height: 100%;
}
.right-buttom-box2 {

height: 350px;
margin-top: 20px;

}

</style>